<!doctype html>
<html class="no-js" lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Data Table | Adminpro - Admin Template</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- favicon
		============================================ -->
    <link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico">
    <!-- Google Fonts
		============================================ -->
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i,800" rel="stylesheet">

    <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}">

    <link rel="stylesheet" th:href="@{/css/font-awesome.min.css}">

    <link rel="stylesheet" th:href="@{/css/adminpro-custon-icon.css}">

    <link rel="stylesheet" th:href="@{/css/meanmenu.min.css}">

    <link rel="stylesheet" th:href="@{/css/jquery.mCustomScrollbar.min.css}">

    <link rel="stylesheet" th:href="@{/css/animate.css}">

    <link rel="stylesheet" th:href="@{/css/data-table/bootstrap-table.css}">
    <link rel="stylesheet" th:href="@{/css/data-table/bootstrap-editable.css}">
    <!-- normalize CSS
		============================================ -->
    <link rel="stylesheet" th:href="@{/css/normalize.css}">
    <!-- charts CSS
		============================================ -->
    <link rel="stylesheet" th:href="@{/css/c3.min.css}">

    <link rel="stylesheet" th:href="@{/css/style.css}">


    <!-- responsive CSS
		============================================ -->
    <link rel="stylesheet" th:href="@{/css/responsive.css}">
    <!-- modernizr JS
		============================================ -->
    <script th:src="@{/js/vendor/modernizr-2.8.3.min.js}"></script>
</head>

<body class="darklayout">
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade
    your browser</a> to improve your experience.</p>
<![endif]-->
<!-- Header top area start-->
<div class="wrapper-pro">


    <div th:replace="common/commonLeft::common_left(~{::name})"></div>

    <!-- Header top area start-->
    <div class="content-inner-all">

        <div th:replace="common/commonTop::common_top(~{::name})"></div>

        <!-- Breadcome start-->
        <div th:replace="common/commonAddr::common_address('App 类型')"></div>

        <!-- Breadcome End-->
        <!-- Static Table Start -->
        <div class="data-table-area mg-b-15">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="sparkline13-list shadow-reset">
                            <div class="sparkline13-hd">
                                <div class="main-sparkline13-hd">
                                    <h1>Projects <span class="table-project-n">Data</span> Table</h1>
                                    <div class="sparkline13-outline-icon">
                                        <span class="sparkline13-collapse-link"><i class="fa fa-chevron-up"></i></span>
                                        <span><i class="fa fa-wrench"></i></span>
                                        <span>
                                            <button type="button" class="btn btn-primary"
                                                    onclick="javascript:window.location.href='./get/null'">添加</button>
                                        </span>
                                    </div>
                                </div>
                            </div>
                            <div class="sparkline13-graph">
                                <div class="datatable-dashv1-list custom-datatable-overright">
                                    <div id="toolbar">
                                        <select class="form-control">
                                            <option value="">Export Basic</option>
                                            <option value="all">Export All</option>
                                            <option value="selected">Export Selected</option>
                                        </select>
                                    </div>
                                    <table id="table" data-toggle="table" data-pagination="true" data-search="true"
                                           data-show-columns="true" data-show-pagination-switch="true"
                                           data-show-refresh="true" data-key-events="true" data-show-toggle="true"
                                           data-resizable="true" data-cookie="true" data-cookie-id-table="saveId"
                                           data-show-export="true" data-click-to-select="true" data-toolbar="#toolbar">
                                        <thead>
                                        <tr>
                                            <th data-field="state" data-checkbox="true"></th>
                                            <th data-field="id">主键</th>
                                            <th data-field="code" data-editable="true">类型Code</th>
                                            <th data-field="typeClass" data-editable="true">类型处理类</th>
                                            <th data-field="typePolicy" data-editable="true">类型策略</th>
                                            <th data-field="typeName" data-editable="true">类型名称</th>
                                            <th data-field="supplierId">供应商</th>
                                            <th data-field="supplierName" data-editable="true">供应商别名</th>
                                            <th data-field="dataType" data-editable="true">数据类型</th>
                                            <th data-field="action">Action</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <tr th:each="type:${datalist}">
                                            <td></td>
                                            <td th:text="${type.id}"></td>
                                            <td th:text="${type.typeCode}"></td>
                                            <td th:text="${type.typeClass}"></td>
                                            <td th:text="${type.typePolicy}"></td>
                                            <td th:text="${type.typeName}"></td>
                                            <td th:text="${type.supplierId}"></td>
                                            <td th:text="${type.supplierName}"></td>
                                            <td th:text="${type.dataType}"></td>
                                            <td class="datatable-ct"><i class="fa fa-check"></i>
                                            </td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Static Table End -->
    </div>
</div>
<!-- Breadcome start-->
<div th:replace="common/commonFooter::common_footer()"></div>

<!-- Chat Box End-->
<div th:replace="common/commonJS::common_js(~{::script})"></div>
<!-- counterup JS
    ============================================ -->
<script th:src="@{/js/counterup/jquery.counterup.min.js}"></script>
<script th:src="@{/js/counterup/waypoints.min.js}"></script>
<!-- peity JS
    ============================================ -->
<script th:src="@{/js/peity/jquery.peity.min.js}"></script>
<script th:src="@{/js/peity/peity-active.js}"></script>
<!-- sparkline JS
    ============================================ -->
<script th:src="@{/js/sparkline/jquery.sparkline.min.js}"></script>
<script th:src="@{/js/sparkline/sparkline-active.js}"></script>

<div th:replace="common/commonJS::common_js_table(~{::script})"></div>
<!-- main JS
    ============================================ -->
<script th:src="@{/js/main.js}"></script>


</body>

</html>
